import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import './styles/index.scss'
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons'
import Icon from '@/components/Icon/Icon.vue'
import Button from '@/components/Button/Button.vue'
import Card from '@/components/Card/Card.vue'
import Dialog from '@/components/Dialog/Dialog.vue'
import Pager from '@/components/Pager/Pager.vue'
import Collapse from '@/components/Collapse/Collapse.vue'
import CollapseItem from '@/components/Collapse/CollapseItem.vue'
import Tooltip from '@/components/Tooltip/Tooltip.vue'
import Dropdown from '@/components/Dropdown/Dropdown.vue'
library.add(fas)
const app = createApp(App)

app.component('My-Icon', Icon)
app.component('My-Button', Button)
app.component('My-Card', Card)
app.component('My-Dialog', Dialog)
app.component('My-Pager', Pager)
app.component('My-Collapse', Collapse)
app.component('My-CollapseItem', CollapseItem)
app.component('My-Tooltip', Tooltip)
app.component('My-Dropdown', Dropdown)
app.component('font-awesome-icon', FontAwesomeIcon)

app.use(router)

app.mount('#app')
